@charset "utf-8";
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, textarea, p, blockquote, th, td, img ,iframe { margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
input,button,textarea,option { font:12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style:none; border:0px; }
img{ border:0px; }
.clear{ font:0px/0px serif; display:block; clear:both; }
html{ -webkit-text-size-adjust: none; }
input{ outline:none; vertical-align:middle; margin:0; padding:0;}
button{ border:none; margin:0; padding:0;}
textarea{ resize:none; vertical-align:middle;}
select{ vertical-align:middle;}
a{ text-decoration:none; }
.json{ display:none;}
body:nth-of-type(1) input:focus,textarea:focus{ outline:none; }
body{ font:12px "\5b8b\4f53","Tahoma","Arial","Microsoft Yahei"; color:#333; background:#fff; position:relative; overflow-x:hidden;}
/*header*/
#header{ width:100%; height:36px; background:#1b8bd4;}
.header{ width:1000px; margin:0 auto;}
.header a img.logo{ width:140px; height:36px; float:left;}
.header p{ float:right; color:#526a40; font:normal 14px/36px "Microsoft Yahei","\5b8b\4f53"; margin-left:20px;}
.header p a{ color:#fff; padding:0 4px;}
.header p a:hover{ text-decoration:underline;}
.header ul{ float:right; padding-left:6px;}
.header ul li { width: 68px; height: 36px; display: block; float: left; position: relative; z-index:77; font:normal 14px/36px "Microsoft Yahei","\5b8b\4f53";}
.mobile{ text-indent:19px; background:url(/images/tech_list2014/list2014.png) no-repeat -118px -1px;}
.mobile a{ color:#ffffff;}
.topNav{ width: 68px; height: 36px; position: absolute; z-index: 1; background:url(/images/tech_list2014/headerIcon.png) no-repeat 0 -72px; cursor: pointer;  text-align: center;}
.sub .topNav{ background:url(/images/tech_list2014/headerIcon.png) no-repeat 0 0;}
.topNav a{ color:#ffffff;}
.active_on,.active_out{ width: 68px; height: 36px; position: absolute; z-index: 111; line-height: 36px; cursor: pointer; text-align: center; font:normal 14px/36px "Microsoft Yahei","\5b8b\4f53";}
.active_on a,.active_out a{ color:#ffffff;}
.active_on{ background:url(/images/tech_list2014/headerIcon.png) no-repeat -2px -108px;}
.active_out{ background:url(/images/tech_list2014/headerIcon.png) no-repeat 0 -72px;}
.sub .active_on{ background:#fff url(/images/tech_list2014/headerIcon.png) no-repeat -2px -36px; border:1px solid #cacaca; width:64px; height:35px; float:left;}
.sub .active_on a{color:#8B8B7A;}
.sub .active_out{ background:url(/images/tech_list2014/headerIcon.png) no-repeat 0 0;}
.botNav { width: 92px; border: 1px solid #cacaca; border-top:0; position: absolute; top: 36px; z-index: 999; display: none; background:#fff;}
.botNav a { display: block; color: #333; text-align: center; font: normal 12px/25px "\5b8b\4f53","Tahoma";}
.botNav a:hover { background: #1b8bd4; color: #fff; }
.header span{ float:right; display:inline; height:36px; background:url(/images/tech_list2014/list2014.png) no-repeat 0 -127px; color:#526a40; padding-left:12px; font:normal 14px/36px "Microsoft Yahei","\5b8b\4f53";}
.header span a{ color:#fff; padding:0 4px;}
.header span a:hover{ text-decoration:underline;}
span.afterLogin{ background:none; text-align:right;}
/*adTop*/
.adTop{ width:1000px; margin:12px auto 0;}
.adTop img,.adTop embed{ float:left;}
/*nav*/
.nav{ width:1001px; height:37px; margin:14px auto 0; border-top:3px solid #1b8bd4; border-bottom:5px solid #f0f0f0;}
.nav p{ width:1000px; float: left; border-right: 1px solid #dedede; font:bold 16px/37px "Microsoft Yahei","\5b8b\4f53"; }
.nav p a{ color:#333; width:99px; height:36px; border-left:1px solid #dedede; border-bottom:1px solid #dedede; display:inline-block; text-align: center; }
.nav p a.focus{ width: 99px; color:#fff; background:#1b8bd4; border-left:1px solid #1b8bd4; }
.nav p a:hover{ color:#fff; background:#1b8bd4;}
/*mainLeft*/
.main{ width:1000px; margin:0 auto;}
.mainTop{ width:1000px; height:54px; float:left; border-bottom:1px solid #f0f0f0; background:url(/images/tech_list2014/list2014.png) no-repeat -112px -117px; text-indent:25px;}
.mainTop p{ float:left; font:normal 14px/54px "Microsoft Yahei","\5b8b\4f53"; color:#666;}
.mainTop p a{ color:#666; padding:0 5px;}
.mainTop p a:hover{ color:#f60;}
.mainTop p span{ color:#446cb3; padding-left:5px;}
.mainTop form{ width:300px; height:30px; float:right; margin-top:12px; position:relative;}
.mainTop input{ width:270px; height:28px; position:absolute; right:0; top:0; padding-right:28px; border:1px solid #e5e5e5; font:normal 14px/28px "Microsoft Yahei","\5b8b\4f53"; color:#888; text-indent:6px;}
.mainTop button{ width:28px; height:28px; position:absolute; right:1px; top:1px; background:url(/images/tech_list2014/list2014.png) no-repeat -104px -89px; cursor:pointer;}
.mainLeft{ width:700px; float:left;}
.mainLeftList{ width:660px; float:left;}
.mainLeftList dl{ width:660px; float:left; border-bottom:1px dotted #dbdbdb; padding:12px 0;}
.mainLeftList dt{ width:580px; height:28px; float:left; background:url(/images/tech_list2014/list2014.png) no-repeat -128px -33px; overflow:hidden; text-indent:12px; font:normal 14px/28px "Microsoft Yahei","\5b8b\4f53";}
.mainLeftList dt a{ color:#122e67;}
.mainLeftList dt a:hover{ color:#f60; text-decoration:underline;}
.mainLeftList dd{ width:70px; height:28px; float:right; text-align:right; color:#999; font:normal 12px/28px "Tahoma","\5b8b\4f53";}
/*newspages*/
.newspages{ width:660px; margin:0 auto; padding:15px 0; font: normal 12px/30px "Tahoma","\5b8b\4f53"; color:#666; text-align: center; float:left;}
.newspages a{ height:30px; width: 30px; border:1px solid #C9C9C9; background-color:#f2f2f2; color:#666668; display:inline-block; font: normal 14px/30px "Tahoma","\5b8b\4f53"; margin:0 3px; vertical-align: middle; text-align: center;}
.newspages .on{ border:1px solid #4f663e; background-color:#1b8bd4; cursor:default; color:#fff;}
.newspages .ft{background:#f2f2f2 url(../images/public/pagearrow.gif) 2px -19px no-repeat;}
.newspages .lt{background:#f2f2f2 url(../images/public/pagearrow.gif) -24px -65px no-repeat;}
.newspages .ft:hover{background:#f2f2f2 url(../images/public/pagearrow.gif) 2px 4px no-repeat;}
.newspages .lt:hover{background:#f2f2f2 url(../images/public/pagearrow.gif) -24px -42px no-repeat;}
.newspages .page_etc{ color:#999; margin:0 10px;}
.newspages .page_turn{ position:relative; margin-left:10px;}
.newspages .page_turn b{ padding:0 5px;}
.newspages .jump input{ width:45px; height:21px; display:inline-block; margin:0 4px; border:1px solid #e4e4e4; text-align:center; color:#666; line-height:21px;}
.newspages button{ height:22px; padding:0 10px; border:1px solid #C9C9C9; background-color:#fff; color:#666; cursor:pointer; margin-left:2px; _margin-left:4px;  _padding:0 5px;}
.newspages a.prev{ background: #f2f2f2 url(../images/Public/pagearrow.gif) 0px -65px no-repeat;}
.newspages a.prev:hover{ background: #f2f2f2 url(../images/Public/pagearrow.gif) 0px -42px no-repeat; }
.newspages a.next{ background: #f2f2f2 url(../images/lists/pagearrow.gif) -24px -19px no-repeat; }
.newspages a.next:hover{ background: #f2f2f2 url(../images/lists/pagearrow.gif) -24px 4px no-repeat; }
.newspages a:hover{ color: #000;}
.newspages .on:hover{ color:#fff;}
/*mainRight*/
.mainRight{ width:300px; float:left;}
.adRight{ width:300px; float:left; overflow:hidden;}
.adRight li{ display:block; float:left; padding:0 0 10px 0;}
.adRight img,.adRight embed{ float:left;}
.adCenter{ padding-top:25px;}
/*rank*/
.rank{ width:300px; float:left; margin-top:20px; border-bottom:1px solid #efefef;}
.rankTop{ width:300px; height:36px; float:left; position:relative; background:#1b8bd4;}
.rankTop span{ width:132px; height:45px; position:absolute; top:0; left:-10px; background:url(/images/tech_list2014/list2014.png) no-repeat 0 -175px; font: normal 22px/34px "Microsoft Yahei","\5b8b\4f53"; text-indent:22px;}
.rankTop span a{ color:#fff;}
.rankTitle{ width:300px; height:42px; float:left; background:#BEEEFB; position:relative;}
.rankTitle p{ width:300px; height:30px; position:absolute; top:12px; left:11px; font: normal 16px/29px "Microsoft Yahei","\5b8b\4f53"; text-align:center;}
.rankTitle a{ width:86px; height:29px; float:left; background:#e5f2da; border:1px solid #6BCFF6; border-bottom:0; margin-left:4px; color:#1b8bd4;}
.rankTitle a.active{ background:#f7f7f7; border-bottom:1px solid #f7f7f7; font-weight:bold;}
.rank .rankMain{ float:left; display:none;}
.rank ul{ width:262px; float:left; padding:19px 18px 10px 18px; border-left:1px solid #efefef; border-right:1px solid #efefef; border-top:1px solid #6BCFF6; }
.rank ul li{ width: 262px; height: 30px; display: block; float: left; position: relative; overflow: hidden; }
.rank ul li b{ width: 23px; height: 18px; display: block; position: absolute; top: 6px; border: 1px solid #1b8bd4; color: #1b8bd4; font: normal 15px/18px "Microsoft Yahei","simhei"; text-align: center; }
.rank ul li span{ width: 227px; height: 30px; display: block; position: absolute; right: 0px; font: normal 14px/30px "Microsoft Yahei","\5b8b\4f53"; overflow: hidden; }
.rank ul li span a{ color: #333; }
.rank ul li img{ width: 100px; height: 80px; position: absolute; top: 34px; }
.rank ul li p{ width:137px; height: 60px; position: absolute; right: 0; font: normal 12px/20px "Microsoft Yahei","\5b8b\4f53"; padding: 9px 12px; background: #fff; border:1px solid #DEDEDE; border-left: 0px; top: 34px; }
.rank ul li p a{ color:#1b8bd4;}
.rank ul li span a:hover,.rank ul li p a:hover{ color:#f60; text-decoration:underline;}
.rank ul li.hover{ height: 118px; }
/*mainBox*/
.mainBox{ width:300px; float:left; margin-top:30px; background:url(/images/tech_list2014/boxbg.gif) repeat-y -300px 0;}
.mainBoxTop{ width:300px; float:left; background:url(/images/tech_list2014/boxbg.gif) no-repeat 0 top;}
.mainBoxBot{ width:300px; float:left; background:url(/images/tech_list2014/boxbg.gif) no-repeat -600px bottom; position:relative; z-index:1;}
.mainBox h2{ width:240px; height:30px; position:absolute; top:-15px; left:30px; text-align:center; color:#5c5c5c; z-index:2;}
.mainBoxImg{ width:260px; height:170px; float:left; margin:31px 0 0 20px; display:inline; position:relative; z-index:1;}
.mainBoxImg img{ width:260px; height:170px; position:absolute; top:0; left:0; z-index:1;}
.mainBoxImg b,.mainBoxImg p{ width:260px; height:30px; position:absolute; top:140px; left:0; z-index:2;}
.mainBoxImg b{ background:#000; filter:alpha(opacity=80); opacity:0.8;}
.mainBoxImg p{ z-index:3; text-align:center; overflow:hidden;}
.mainBoxImg p a{ font:bold 14px/30px "Microsoft Yahei","\5b8b\4f53"; color:#fff;}
.mainBoxImg p a:hover{ text-decoration:underline;}
.mainBoxImg em{ width:64px; height:64px; position:absolute; left:93px; top:45px; background:url(/images/tech_list2014/play.png) no-repeat; z-index:2;}
.mainBoxList{ width:260px; float:left; padding:6px 0 21px 20px;}
.mainBoxList li{ width:260px; height:30px; float:left; font:normal 14px/30px "Microsoft Yahei","\5b8b\4f53"; background:url(/images/tech_list2014/list2014.png) no-repeat -124px -51px; text-indent:16px; overflow:hidden;}
.mainBoxList li a{ color:#333;}
.mainBoxList li a:hover{ color:#1b8bd4; font-weight:bold;}
/*video-people-topic*/
.video h2{ background:url(/images/tech_list2014/video.jpg) no-repeat;}
.people h2{ background:url(/images/tech_list2014/people.jpg) no-repeat;}
.topic h2{ background:url(/images/tech_list2014/topic.jpg) no-repeat;}
.people ul{ width:260px; float:left; padding:26px 20px 14px;}
.people li{ width:260px; height:80px; float:left; margin-bottom:12px;}
.people li img{ width:80px; height:80px; float:left; margin-right:10px;}
.people li span,.topic span{ width:170px; height:44px; float:left; margin-top:8px; font:bold 14px/22px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden;}
.people li span a,.topic span a{ color:#252525;}
.people li span a:hover,.topic span a:hover,.topic p a:hover{ color:#f60; text-decoration:underline;}
.people li p{ width:170px; height:22px; float:left; margin-top:2px; line-height:22px; color:#888; overflow:hidden;}
.topic span{ width:260px; height:22px; margin:0; padding:28px 20px 8px;}
.topic img{ width:100px; height:80px; float:left; margin-left:20px;}
.topic p{ width:140px; height:60px; float:left; padding:9px 10px; border:1px solid #dedede; border-left:0; line-height:20px; overflow:hidden; color:#888;}
.topic p a{ color:#446cb3;}
/*book*/
.book{ width:1000px; margin:18px auto 0;}
#bookTop{ width:998px; height:34px; float:left; background:#f6f6f6; border:1px solid #dbdee1; position:relative; z-index:1;}
#bookTop span{ position:absolute; top:-1px; left:0; z-index:2;}
#bookTop span a{ width:130px; height:34px; float:left; border:1px solid #dbdee1; border-left:0; font:bold 20px/34px "Microsoft Yahei","simhei"; color:#333; text-align:center;}
#bookTop span a.active{ height:32px; border-bottom:1px solid #fff; border-top:3px solid #1b8bd4; line-height:32px; color:#1b8bd4; background:#fff;}
.bookBot{ width:1000px; height:162px; float:left; margin-top:18px; overflow:hidden; position:relative; z-index:1; display:none;}
.book .prev,.book .next{ width:20px; height:64px; position:absolute; top:50px; left:0; background:url(/images/tech_list2014/bookIcon.png) no-repeat; z-index:2;}
.book .prev:hover{ background:url(/images/tech_list2014/bookIcon.png) no-repeat -40px 0;}
.book .next{ left:980px; background:url(/images/tech_list2014/bookIcon.png) no-repeat -20px 0;}
.book .next:hover{ background:url(/images/tech_list2014/bookIcon.png) no-repeat -60px 0;}
.bookBot ul{ width:1015px; height:162px; overflow:hidden; position:absolute; left:0; top:0; z-index:1;}
.bookBot li{ width:118px; height:150px; float:left; margin-right:15px; padding:5px; border:1px solid #e3e3e3; position:relative; z-index:1;}
.bookBot li img{ width:118px; height:150px; position:absolute; top:5px; left:5px; z-index:1;}
.bookBot li .bookTitle{ width:130px; height:25px; display:block; position:absolute; top:136px; left:-1px; z-index:2; background:#333; font:normal 12px/25px "Microsoft Yahei","simhei"; color:#fff; text-align:center; overflow:hidden;}
.bookBot li .bookTitle:hover{ text-decoration:underline;}
/*partner*/
.partner{ width:100%; margin:28px auto 0; border-top:3px solid #dbdbdb;}
.partnerTitle{ width:1000px; height:44px; margin:0 auto; position:relative;}
.partnerTitle h3{ width:1000px; height:44px; border-top:3px solid #717171; position:absolute; top:-3px; text-indent:6px;}
.partnerTitle h3 a{ font: normal 22px/44px "Microsoft Yahei","simhei"; color:#000;}
.partner p{ width:1000px; margin:0 auto; font: normal 12px/30px "\5b8b\4f53","simhei";}
.partner p a{ color:#333; padding:0 6px;}
.partner p a:hover{ color:#f60; text-decoration:underline;}
/*adBot*/
.adBot{ width:1000px; margin:10px auto 0;}
.adBot img,.adBot embed{ float:left;}

.publicbox{width: 100%}
.lostpro{width:500px;background: url(/images/lostpro.jpg) no-repeat;margin: 65px auto 0;padding-left: 165px;}
.lostpro span{font: 22px/44px "Microsoft Yahei";color: #333;}
.lostproab{font: 12px/30px "\5b8b\4f53";color: #767676;}
.lostproab a{background: url(/images/caigouSearch.png) no-repeat -145px -35px;padding-left: 12px;}
/*footer*/
.foot{ width:1000px; margin:14px auto 0; text-align:center; color:#686161; padding-bottom:30px;}
.foot span{ width:998px; height:43px; float:left; line-height:43px; background-color:#f5f5f5; border:1px solid #e0dfdf; color:#686161;}
.foot span a{ padding:0 6px; color:#333333;}
.foot span a:hover{ color:#f60; text-decoration:underline;}
.foot p.web{ width:1000px; float:left; padding:15px 0; color:#686161; font-size:14px;}
.foot p.web a{ color:#1b8bd4;}
.foot p.web a:hover{ color:#f60; text-decoration:underline;}
.foot p{ font:normal 12px/26px "Tahoma", "\5b8b\4f53";}
.foot strong{ padding:0 25px 0 0;}
.foot b{ padding:0 1px;}
.foot b img{ vertical-align:middle;}
/*goTop*/
.backHome{ width:54px; }
.backHome a{ width:38px; height:46px; display:block; float:left; background:#1b8bd4; text-align:center; font:normal 14px/20px "Microsoft Yahei","simhei"; color:#fff; padding:8px 8px 0 8px; margin:2px 0; opacity:0.7; filter:alpha(opacity=70); background:url(/images/public/rightBar.png) no-repeat 0 0; overflow: hidden; text-indent: -9999px; }
.backHome a:hover{ opacity:1; filter:alpha(opacity=100); }
.backHome a.guest,.backHome a.guest:hover{ background:url(/images/public/rightBar.png) no-repeat 0 -114px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.price{ background:url(/images/public/rightBar.png) no-repeat 0px -57px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.guest:hover,.backHome a.price:hover{ opacity: 1; filter:alpha(opacity=100); }
.toTop{ width:54px; height:54px; position:fixed; _position:absolute; top:379px; _top:expression(eval(document.documentElement.scrollTop+321)); display:none; }
.toTop a,.toTop a:hover{ display:block; width:54px; height:54px; background:url(/images/public/rightBar.png) no-repeat 0px -171px; opacity: 0.6; filter:alpha(opacity=60); }
.toTop a:hover{ opacity:1; filter:alpha(opacity=100); }
#goTop { position:fixed; _position:absolute; top:203px; display:block; right:10px; }
*html, * html body { background-attachment:fixed; }
*html #goTop { position:absolute; right:expression(eval(document.documentElement.scrollLeft+10)); top:expression(eval(document.documentElement.scrollTop+145)); }